iT邦幫忙

2023 iThome 鐵人賽

DAY 23
0

jQuery是一個Javascript的函式庫,這個函式庫簡化了JavaScript在網頁開發中的使用,在操作html、css和javascript時會更簡單。

使用jQuery

jQuery和之前介紹的bootstrap一樣的方法引入,只是直接引入cdn的方法比較簡單,下載檔案的方法就不介紹了

引入cdn

因為是javascript的函式庫,和javascript放置cdn的位置一樣
jQuery官網放cdn的連結:https://releases.jquery.com/jquery/

<body>
...html內容...

<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
</body>

今天就先介紹如何指定前端的元素

選擇元素

$符號是jQuery物件的別名,$()表示建立jQuery物件,括號內就是要處理的DOM物件

$(選擇器).method(參數);

以下來介紹常用的css選擇器
$("*"):選擇所有元素
$("a"):選擇所有的a元素
$("test"):選擇id為test的元素
$(".test"):選擇class為test的元素
$("input[test='u']"):選擇test屬性的值為u的input元素


上一篇
[Day22]JavaScript 事件處理
下一篇
DAY24 jQueryDOM操作
系列文
網頁設計之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言